<template>
  <div>
    <tabs :value="value" @getIndex="currentIndex">
      <tab label="美丽推荐" index="1">
        <BeautyTui />
      </tab>
      <tab label="学变美" index="2">
        <LearnBeauty />
      </tab>
    </tabs>
  </div>
</template>
<script>
import BeautyTui from "../beautyTui"
import LearnBeauty from "../learnBeauty/learnBeauty"
// import LearnBeautyTab from "../learnBeauty/learnBeautyTab"
export default {
  name: "HeadTab",
  data() {
    return {
      value: 1
    }
  },
  methods: {
    currentIndex(index) {
      this.value = index;
    }
  },
  components: {
    BeautyTui,
    LearnBeauty
    // LearnBeautyTab
  }
}
</script>
<style scoped>
</style>



